﻿@using KDS.Mes.Web.Navigation
@using Abp.Web.Mvc.Extensions
@using KDS.Mes.Authorization
@using KDS.Mes.Web.Models.StopEquipments
@using Abp.Application.Services.Dto
@model StopEquipmentsViewModel
@{
    ViewBag.ActiveMenu = PageNames.App.Common.StopEquipment;
}
@section Styles{
    <link href="~/Content/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css" rel="stylesheet" />

}

@* 注入所需JS *@
@section Scripts
{
<script src="~/Content/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
<script src="~/Content/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
<script src="~/Content/layer/layer.js"></script>

    @Html.IncludeScript("~/Views/StopEquipments/_CreateOrEditStopEquipmentModal.js") 
    @Html.IncludeScript("~/Views/StopEquipments/Index.js")
}
@*<div class="col-md-12">*@
<div class="box box-info collapsed-box">
    <div class="box-header with-border">
        <h3 class="box-title">@L("Query")</h3>
        <div class="box-tools pull-right">
            <button id="btn-query" type="button" class="btn btn-xs">
                <i class="fa fa-search">@L("Query")</i>
            </button>
            <button type="button" class="btn btn-box-tool" data-widget="collapse">
                <i class="fa fa-plus"></i>
            </button>
        </div>
    </div>
    <form class="form-horizontal">
        <div class="box-body">
            <div class="form-group">
                <label for="CartypeId" class="col-sm-1 control-label">@L("LineId")</label>
               
                <div class="col-sm-2">
                    @Html.DropDownList("lineId", Model.Lines.Select(a => a.ToSelectListItem()), new
               {
                   @class = "form-control selectpicker",
                   data_live_search = "true",
                   data_none_selected_text = L("PlaaseSelect"),
                   id = "lineId"
               })
                </div>

                

                  

             </div>
            <div class="form-group">
                <label class="col-sm-1 control-label">@L("OnlineTime")</label>
                <div class="col-sm-2">
                    <div class="input-group">

                        <input id="time1" type="text" class="form-control" readonly>
                        <span class="input-group-btn">
                            <button class="btn default date-set" type="button">
                                <i class="fa fa-calendar"></i>
                            </button>
                        </span>
                    </div>
                </div>
                <div class="col-sm-2">
                    <div class="input-group">

                        <input id="time2" type="text" class="form-control" readonly>
                        <span class="input-group-btn">
                            <button class="btn default date-set" type="button">
                                <i class="fa fa-calendar"></i>
                            </button>
                        </span>
                    </div>
                </div>
            </div>

        </div>
    </form>
</div>

<div class="box">
    <div class="box-body">
        <!-- bootstrap-tablel指定的工具栏 -->
        <div id="toolbar" class="btn-group">
            @if (IsGranted(AppPermissions.Pages_Bom_Parts_Create))
            {
                <button id="btn-add" type="button" class="btn btn-primary">
                    <span class="fa fa-plus" aria-hidden="true"></span> @L("Add")
                </button>
            }
            @if (IsGranted(AppPermissions.Pages_Bom_Parts_Edit))
            {
                <button id="btn-edit" type="button" class="btn btn-success">
                    <span class="fa fa-pencil" aria-hidden="true"></span> @L("Edit")
                </button>
            }
            @if (IsGranted(AppPermissions.Pages_Bom_Parts_Delete))
            {
                <button id="btn-delete" type="button" class="btn btn-danger">
                    <span class="fa fa-remove" aria-hidden="true"></span> @L("Delete")
                </button>
            }
            <button id="btn-export" type="button" class="btn btn-info">
                <span class="glyphicon glyphicon-export" aria-hidden="true"></span> @L("Export")
            </button>
        </div>
        <!--bootstrap-table表体-->
        <table id="tb"></table>
    </div>
</div>
@*</div>*@


